<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from preview.freewebtemplatesdownload.com/syntra/pages-login.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 07 Mar 2018 10:41:59 GMT -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mannat Themes">
    <meta name="keyword" content="">

    <title>冲向亚马逊</title>

    <!-- Theme icon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">

    <!--notifications-->
    <link href="assets/plugins/notifications/notification.css" rel="stylesheet" />

    <!-- Theme Css -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/slidebars.min.css" rel="stylesheet">
    <link href="assets/css/icons.css" rel="stylesheet">
    <link href="assets/css/menu.css" rel="stylesheet" type="text/css">
    <link href="assets/css/style.css" rel="stylesheet">
    <style type="text/css">
        .btn-primary {
            background-color: #22e315 !important;
            border-color: #2ef27c !important;
            color: #fff;
        }
    </style>
</head>

<body class="sticky-header">
<section class="bg-login">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-sm-12">
                <div class="wrapper-page">
                    <div class="account-pages">
                        <div class="account-box">
                            <div class="card m-b-30">
                                <div class="card-body">
                                    <div class="card-title text-center">
                                        <img src="assets/images/logo_sm_2.png" alt="" class="">
                                        <h5 class="mt-3"><b>欢迎使用亚马逊商家后台</b></h5>
                                    </div>
                                    <form class="form mt-5 contact-form" action="http://preview.freewebtemplatesdownload.com/syntra/index.html" >
                                        <div class="form-group ">
                                            <div class="col-sm-12">
                                                <input class="form-control form-control-line" style="background-color:'#22e315';" id="userName" type="text" name="userName" placeholder="用户名" required="required">
                                            </div>
                                        </div>
                                        <div class="form-group ">
                                            <div class="col-sm-12">
                                                <input class="form-control form-control-line" id="pwd" type="password" name="password" placeholder="密码" required="required">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="col-12">
                                                <label class="cr-styled">
                                                    <input type="checkbox" checked>
                                                    <i class="fa"></i>
                                                    记住我
                                                </label>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="col-sm-12 mt-4">
                                                <input href="#" class="btn btn-primary btn-block" type="submit" value="登录" />
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="col-sm-12 mt-4 text-center">
                                                <a href="#" onclick="$.Notification.autoHideNotify('info', 'top center', '忘记密码!','请联系体验大师客服重置密码！<br/>（800）8888-8888 <br/>祝您工作愉快！')"><i class="fa fa-lock m-r-5"></i> 忘记密码?</a>
                                            </div>
                                        </div>

                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- jQuery -->
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-migrate.js"></script>
<script src="assets/js/modernizr.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/slidebars.min.js"></script>


<!--app js-->
<script src="assets/plugins/notifications/notify.min.js"></script>
<script src="assets/plugins/notifications/notify-metro.js"></script>
<script src="assets/plugins/notifications/notifications.js"></script>

<script type="application/javascript" language="javascript">


    appUrl="http://127.0.0.1:8401/";
    // common scripts
    (function() {



        "use strict";

        // Sidebar toggle

        jQuery('.menu-list > a').click(function() {

            var parent = jQuery(this).parent();
            var sub = parent.find('> ul');

            if(!jQuery('body').hasClass('sidebar-collapsed')) {
                if(sub.is(':visible')) {
                    sub.slideUp(300, function(){
                        parent.removeClass('nav-active');
                        jQuery('.body-content').css({height: ''});
                        adjustMainContentHeight();
                    });
                } else {
                    visibleSubMenuClose();
                    parent.addClass('nav-active');
                    sub.slideDown(300, function(){
                        adjustMainContentHeight();
                    });
                }
            }
            return false;
        });

        function visibleSubMenuClose() {

            jQuery('.menu-list').each(function() {
                var t = jQuery(this);
                if(t.hasClass('nav-active')) {
                    t.find('> ul').slideUp(300, function(){
                        t.removeClass('nav-active');
                    });
                }
            });
        }

        function adjustMainContentHeight() {

            // Adjust main content height
            var docHeight = jQuery(document).height();
            if(docHeight > jQuery('.body-content').height())
                jQuery('.body-content').height(docHeight);
        }

        // add class mouse hover

        jQuery('.side-navigation > li').hover(function(){
            jQuery(this).addClass('nav-hover');
        }, function(){
            jQuery(this).removeClass('nav-hover');
        });




        // Toggle Menu

        jQuery('.toggle-btn').click(function(){

            var body = jQuery('body');
            var bodyposition = body.css('position');

            if(bodyposition != 'relative') {

                if(!body.hasClass('sidebar-collapsed')) {
                    window.localStorage.menuType="close";
                    body.addClass('sidebar-collapsed');
                    jQuery('.side-navigation ul').attr('style','');

                } else {

                    window.localStorage.menuType="open";
                    body.removeClass('sidebar-collapsed chat-view');
                    jQuery('.side-navigation li.active ul').css({display: 'block'});

                }
            } else {

                if(body.hasClass('sidebar-open')){
                    window.localStorage.menuType="open";
                    body.removeClass('sidebar-open');
                }
                else {
                    window.localStorage.menuType="open";
                    body.addClass('sidebar-open');
                }
                adjustMainContentHeight();
            }

            //var owl = $("#news-feed").data("owlCarousel");
            //owl.reinit();

        });





        // right slidebar

        $(function(){
            $.slidebars();
        });

        $(".notification-scroll").slimScroll({
            height: "240px"
        });

        $(".slimscroll").slimScroll({
            height: 'auto',
            position: 'right',
            size: "7px",
            color: '#98a6ad',
            wheelStep: 13
        });





        // collapsible panel

        $('.panel .tools .t-collapse').click(function () {
            var el = $(this).parents(".panel").children(".panel-body");
            if ($(this).hasClass("fa-chevron-down")) {
                $(this).removeClass("fa-chevron-down").addClass("fa-chevron-up");
                el.slideUp(200);
            } else {
                $(this).removeClass("fa-chevron-up").addClass("fa-chevron-down");
                el.slideDown(200); }
        });


        // close panel
        $('.panel .tools .t-close').click(function () {
            $(this).parents(".panel").parent().remove();
        });


        // side widget close

        $('.side-w-close').on('click', function(ev) {
            ev.preventDefault();
            $(this).parents('.aside-widget').slideUp();
        });
        $('.info .add-people').on('click', function(ev) {
            ev.preventDefault();
            $(this).parents('.tab-pane').children('.aside-widget').slideDown();

        });


        // refresh panel

        $('.box-refresh').on('click', function(br) {
            br.preventDefault();
            $("<div class='refresh-block'><span class='refresh-loader'><i class='fa fa-spinner fa-spin'></i></span></div>").appendTo($(this).parents('.tools').parents('.panel-heading').parents('.panel'));

            setTimeout(function() {
                $('.refresh-block').remove();
            }, 1000);

        });

        $('.btn-animation').on('click', function(br) {
            //adding animation
            $('.modal .modal-dialog').attr('class', 'modal-dialog  ' + $(this).data("animation") + '  animated');
        });


        $(function () {
            $('[data-toggle="popover"]').popover()
        })

        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })



        // tool tips

        $('.tooltips').tooltip();

        // popovers

        $('.popovers').popover();


    })(jQuery);

    //portlets
    !function($) {
        "use strict";

        /**
         Portlet Widget
         */
        var Portlet = function() {
            this.$body = $("body"),
                this.$portletIdentifier = ".portlet",
                this.$portletRefresher = '.portlet a[data-toggle="reload"]'
        };

        //on init
        Portlet.prototype.init = function() {
            // Panel closest
            var $this = this;

            // Panel Reload
            $(document).on("click",this.$portletRefresher, function (ev) {
                ev.preventDefault();
                var $portlet = $(this).closest($this.$portletIdentifier);
                // This is just a simulation, nothing is going to be reloaded
                $portlet.append('<div class="panel-disabled"><div class="loader-1"></div></div>');
                var $pd = $portlet.find('.panel-disabled');
                setTimeout(function () {
                    $pd.fadeOut('fast', function () {
                        $pd.remove();
                    });
                }, 500 + 300 * (Math.random() * 5));
            });
        },
            //
            $.Portlet = new Portlet, $.Portlet.Constructor = Portlet

    }(window.jQuery),

        /**
         * Components
         */
        function($) {
            "use strict";

            var Components = function() {};
            //initilizing
            Components.prototype.init = function() {
                var $this = this;
                //creating portles
                $.Portlet.init();
            },

                $.Components = new Components, $.Components.Constructor = Components

        }(window.jQuery),
        //initializing main application module
        function($) {
            "use strict";
            $.Components.init();
        }(window.jQuery);


    $(function () {

        $(".contact-form").submit(function (envent)
        {
            envent.preventDefault();

            var form = $(this);
            $.ajax({
                url: appUrl+"user/login?username="+"tyds&"+"pwd=123456",
                type: "get",
                data: form.serialize(),
                dataType: "json",
                beforeSend: function ()
                {
                    $("#ajax-loader").show();
                },
                error: function ()
                {

                },
                complete:function () {

                },
                success: function (data)
                {
                    if($("#pwd").val()=='123456' && $("#userName").val()=='tyds'){
                        localStorage.user={userName:$("#userName").val()};
                        $.Notification.autoHideNotify('success', 'top center', '登录成功！', '体验大师欢迎您');

                        window.location.href='tables-datatable.html';
                    }else{
                        $.Notification.autoHideNotify('warning', 'top center', '用户名或者密码错误！', '请您重新出入')
                    }
                }
            });
        });

    });
</script>
</body>
</html>